@use '../../styles/el/menu-item' as *;
@use '@xtail/vue3/es/components/SIcon/SIcon.css' as *;
@use '@xtail/vue3/es/components/SAnimateCss/SAnimateCss.css' as *;

.x-menu-item {
  .x-menu-item__label {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
  }

  .x-menu-item__title {
    display: flex;
    align-items: center;
  }

  .x-menu-item__title-ml {
    margin-left: 0.5rem;
  }
}
